<!-- 
    :empty CSS 伪类 代表没有子元素的元素。子元素只可以是元素节点或文本（包括空格）。注释或处理指令都不会产生影响。
 -->
<style>
    div:empty {
        background: yellow;
    }

    div {
        width: 100;
        height: 100;
        margin-bottom: 5;
        background-color: red;
    }
</style>
<div><!-- 我是黄色的div --></div>
<div>我是红色的div</div>
<div>

</div>